import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Fonts, Colors } from '../../Themes'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1,
  },
  section: {
    flex: 1,
    paddingVertical: 10,
    paddingHorizontal: 15,
    backgroundColor: Colors.snow,
    marginBottom: Metrics.baseMargin,
  },
  innerBox: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
  },
  title: {
    fontSize: Fonts.size.h6,
    color: Colors.coal,
    //marginBottom: Metrics.smallMargin,
  },
  description: {
    ...Fonts.style.description
  },
  icon: {
    marginLeft: Metrics.smallMargin,
    color: Colors.secondary,
  }
})
